<template>
  <!-- 支付方式 线下 -->
  <div style="background-color: #ffffff;">
    <!-- search -->
    <div style="display: flex;flex-direction: row;align-items: center;padding: 12px;background-color: #FFFFFF;">
      <div
        style="cursor: pointer;"
        @click="popBack()"
      >
        <i
          class="iconfont icon-arrow-left"
          style="font-size: 16px;font-weight: bold;"
        ></i>
        <span style="font-size: 16px;">签单</span>
      </div>
      <div style="margin-left: 12px;
				flex: 1;
				background-color: #FFFFFF;
				display: flex;
				justify-content: flex-end;
				">
        <div style="
					font-size: 14px;
					padding: 5px 12px;
					border: 1px solid #ebebeb;
					margin-right: 12px;
					background-color: #FFFFFF;">
          返回</div>
        <div style="
					font-size: 14px;
					border: 1px solid #ebebeb;
					padding: 5px 12px;
					color: #FFFFFF;
					background-color: #007AFF;">
          提交</div>
      </div>
    </div>
    <!-- form item -->
    <div style="display: flex;align-items: center;padding:6px 12px;background-color: #FFFFFF;">
      <div style="align-items: center;background-color: #FFFFFF;flex: 1;margin-right: 5px;">
        <div style="font-size: 12px;color: #999999;">币种</div>
        <div>

          <van-field
            type="text"
            placeholder="请选择"
            style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-top: 5px;"
          />
        </div>
      </div>
      <div style="align-items: center;background-color: #FFFFFF;flex: 1;">
        <div style="font-size: 12px;color: #999999;">金额</div>
        <div>

          <van-field
            type="text"
            placeholder="请选择"
            style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-top: 5px;"
          />
        </div>
      </div>
    </div>
    <!-- form item -->
    <div style="padding:6px 12px;background-color: #FFFFFF;">
      <div style="align-items: center;background-color: #FFFFFF;">
        <div style="font-size: 12px;color: #999999;">汇率</div>
        <div>

          <van-field
            type="text"
            placeholder="请选择"
            style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-top: 5px;"
          />
        </div>
      </div>
    </div>
    <!-- form item -->
    <div style="padding:6px 12px;background-color: #FFFFFF;">
      <div style="align-items: center;background-color: #FFFFFF;">
        <div style="font-size: 12px;color: #999999;">等额人民币</div>
        <div>

          <van-field
            type="text"
            placeholder="请选择"
            style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-top: 5px;"
          />
        </div>
      </div>
    </div>
    <!-- form item -->
    <div style="display: flex;align-items: center;padding:6px 12px;background-color: #FFFFFF;">
      <div style="align-items: center;background-color: #FFFFFF;margin-right: 5px;flex: 1;">
        <div style="font-size: 12px;color: #999999;">缴款账号</div>
        <div>
          <van-field
            type="text"
            placeholder="请选择"
            style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-top: 5px;"
          />
        </div>
      </div>
      <div style="align-items: center;background-color: #FFFFFF;margin-right: 5px;flex: 1;">
        <div style="font-size: 12px;color: #999999;">缴款人</div>
        <div>
          <van-field
            type="text"
            placeholder="请选择"
            style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-top: 5px;"
          />
        </div>
      </div>
      <div style="align-items: center;background-color: #FFFFFF;flex: 1;">
        <div style="font-size: 12px;color: #999999;">缴款日期</div>
        <div>
          <van-field
            type="text"
            placeholder="请选择"
            style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-top: 5px;"
          />
        </div>
      </div>
    </div>
    <!-- form item -->
    <div style="display: flex;align-items: center;padding:6px 12px;background-color: #FFFFFF;">
      <div style="align-items: center;background-color: #FFFFFF;margin-right: 5px;flex: 1;">
        <div style="font-size: 12px;color: #999999;">付款方式</div>
        <div>
          <van-field
            type="text"
            placeholder="请选择"
            style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-top: 5px;"
          />
        </div>
      </div>
      <div style="align-items: center;background-color: #FFFFFF;flex: 1;">
        <div style="font-size: 12px;color: #999999;">收款账号</div>
        <div>
          <van-field
            type="text"
            placeholder="请选择"
            style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-top: 5px;"
          />
        </div>
      </div>
    </div>

    <!-- course info -->
    <div style="padding: 0 12px;">
      <!-- title -->

      <div style="padding: 12px 0;text-align: center;">课程信息【定金不显示课程模块】</div>
      <SelectedCourseCell />
      <!-- price -->
      <div style="display: flex;flex-direction: column;align-items: flex-end;">
        <div style="display: flex;margin-top: 5px;">
          <div style="margin-right: 5px;">价格总额</div>
          <div style="color: #ff0000;">¥33.00</div>
        </div>
        <div style="display: flex;margin-top: 5px;">
          <div style="margin-right: 5px;">补差价</div>
          <div style="color: #ff0000;">¥33.00</div>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
import SelectedCourseCell from "../../components/selected-course-cell/selected-course-cell.vue";
export default {
  components: { SelectedCourseCell },
  mounted() {},
  data() {
    return {
      earnest: "",
      payType: "0", //0 线上 1线下
    };
  },
  methods: {
    popBack() {
      this.$router.back({});
    },
  },
};
</script>


<style scoped>
</style>